iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
Modern Web

30天前端學習筆記心得系列 第 26

Day24-JavaScript流程控制

  • 分享至 

  • xImage
  •  

條件判斷

根據一個條件決定是否執行一段程式碼,可以 判斷表達式。例如:數值比較字串比較邏輯運算 等等

If / Else

A年齡 大於等於18歲 顯示 我是成年人
否則顯示 我是未成年

let age = 18;

if (age >= 18) {
  console.log("我是成年人");
} else {
  console.log("我是未成年");
}

If/Else If

A年齡 大於等於18歲 顯示 我是成年人
B年齡 小於18歲 顯示 我是未成年

let age = 18;

if (age >= 18) {
  console.log("我是成年人");
} else if (age < 18) {
  console.log("我是未成年");
}

If/Else If/Else

A年齡 大於等於18歲 顯示 我是成年人
B年齡 大於等於16歲 顯示 我是青少年
兩者年齡都不符合顯示 我是未成年

let age = 18;

if (age >= 18) {
  console.log("我是成年人");
} else if (age >= 16) {
  console.log("我是青少年");
} else {
  console.log("我是未成年");
}

甚至可以進行使用更複雜條件邏輯判斷式

A年齡 大於等於18歲 判斷性別
男生顯示 我是成年男性 女生顯示 我是成年女性

B年齡 大於等於16歲 顯示 我是青少年
兩者年齡都不符合顯示 我是未成年

let age = 20;
let gender = "女";

if (age >= 18) {
  if (gender == "女") {
    console.log("我是成年男性");
  } else {
    console.log("我是成年女性");
  } else if (age >= 16) {
  console.log("我是青少年");
  } else {
  console.log("我是未成年");
}

Switch Case

根據一個值來選擇要執行程式碼

  • 可以比較任何值,例如:數值字串物件 等等
  • 常量 來指定 switch case 條件判斷匹配值
  • break 表示條件匹配時,跳出 switch case 條件判斷,如果沒有會繼續執行下一個條件
  • default 指定當值不等於任何常量時執行程式碼
let day = "星期一";

switch (day) {
  case "星期一":
    console.log("Monday");
    break;
  case "星期二":
    console.log("Tuesday");
    break;
  case "星期三":
    console.log("Wednesday");
    break;
  default:
    console.log("OtherDates
");
}

巢狀 Switch Case

甚至可以進行使用更複雜條件判斷式

let day = "星期一";

switch (day) {
  case "星期一":
    switch (hour) {
      case 1:
        console.log("1:00pm,Monday");
        break;
      case 2:
        console.log("2:00pm,Monday");
        break;
      default:
        console.log("OtherTime,Monday");
    }
    break;
  default:
    console.log("OtherDates
");
}

三元運算子

簡單條件判斷語句,根據一個條件返回兩個值中的一個

let age = 18;

let isAdult = age >= 18 ? "我是成年人" : "我是未成年";

console.log(isAdult); // "我是成年人"

注意事項

  • 條件判斷結果必須是 布林值
  • 可以 簡化if條件判斷
let age = 18;

// 使用 if 條件語句
if (age >= 18) {
  console.log("我是成年人");
} else {
  console.log("我是未成年");
}

// 使用三元運算子
console.log(age >= 18 ? "我是成年人" : "我是未成年");

資料來源:流程控制 if/else 條件判斷


上一篇
Day23-Javascript運算子
下一篇
Day25-Javascript迴圈
系列文
30天前端學習筆記心得34
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言